/* -----------------------------------------------------------------------
   CSS Helper
   Version 0.1 - 2010-01-05
   Santiago Borrazás - License - MIT or GPL (whichever suits you better)
----------------------------------------------------------------------- */
/*
 Features
	! Common handy styles	! No more inlines  ! Chain and remix  ! Save time

 Index ( alphabeticaly ordened )
	ALIGN
	BACKGROUND
	BORDERS
	COLORS
	DISPLAY
	FONTS
	FLOAT
	LINKS
	MARGIN
	RELATION (postion:relative, absolute, fixed)
	PADDING
	POSITION
	ZINDEX
*/

/* ALIGN */
.align-left {text-align:left}
.align-right {text-align:right} 
.align-center {text-align:center} .
.align-justify {text-align:justify} .
.align-top {vertical-align:top}
.align-middle {vertical-align:middle}
.align-bottom {vertical-align:bottom}
.align-base {vertical-align:baseline}
.align-sup {vertical-align:super}
.align-sub {vertical-align:sub}

/* BACKGROUND */
.background-none {background: none}
.background-repeat {background-repeat: no-repeat}
.background-no-repeat {background-repeat: no-repeat}
.background-repeat-x {background-repeat: repeat-x}
.background-repeat-y {background-repeat: repeat-y}

/* BORDERS */
/* Display */
.border-none {border:none}
.border-none-left {border-left: none}
.border-none-top {border-top: none}
.border-none-right {border-right: none}
.border-none-bottom {border-bottom: none}

/* Collapse */
.border-collapse {border-collapse: collapse}
.border-separate {border-collapse: separate}

/* Styles */
.border-dotted {border-style: dotted}
.border-dashed	{border-style: dashed}
.border-solid	{border-style: solid}
.border-double	{border-style: double}

/* COLORS */
/* Text */
.text-white {color: #fff}
.text-black {color: #000}
.text-gray-light {color: #ccc}
.text-gray {color: #858786}
.text-gray-dark {color: #5a5a5a}
.text-blue {color: #52a8d7}
.text-blue-dark {color: #28557e}
.text-red {color: #fc0106}
.text-red-dark {color: #be0300}
.text-yellow {color: #fffe01}
.text-green {color: #96cf4c}
.text-green-dark {color: #00b34d}
.text-orange {color: #ffc100}
.text-orange-dark {color: #f49845}
.text-violet {color: #cec1db}
.text-violet-dark {color: #722e9f}

/* Borders */
.border-white {border: #fff}
.border-black {border: #000}
.border-gray-light {border: #ccc}
.border-gray {border: #858786}
.border-gray-dark {border: #5a5a5a}
.border-blue {border: #52a8d7}
.border-blue-dark {border: #28557e}
.border-red {border: #fc0106}
.border-red-dark {border: #be0300}
.border-yellow {border: #fffe01}
.border-green {border: #96cf4c}
.border-green-dark {border: #00b34d}
.border-orange {border: #ffc100}
.border-orange-dark {border: #f49845}
.border-violet {border: #cec1db}
.border-violet-dark {border: #722e9f}

/* Backgrounds */
.background-white {background: #fff}
.background-black {background: #000}
.background-gray-light {background: #ccc}
.background-gray {background: #858786}
.background-gray-dark {background: #5a5a5a}
.background-blue-light {background: #ebf7fe}
.background-blue {background: #52a8d7}
.background-blue-dark {background: #28557e}
.background-red {background: #fc0106}
.background-red-dark {background: #be0300}
.background-yellow {background: #fffe01}
.background-green {background: #96cf4c}
.background-green-dark {background: #00b34d}
.background-orange {background: #ffc100}
.background-orange-dark {background: #f49845}
.background-violet {background: #cec1db}
.background-violet-dark {background: #722e9f}

/* DISPLAY */
.hidden { visibility: hidden }
.visible { visibility: visible }
.display-none {display:none}
.display-block {display:block}
.display-inline {display:inline}

/* FONTS */
/* Styles*/
.font-normal {font-weight: normal}
.font-bold, .bold {font-weight: bold}
.font-italic, .italic {font-style:italic}
.font-capitalize {text-transform: capitalize}
.font-upper {text-transform: uppercase}
.font-lower {text-transform: lowercase}
.font-normal-case {text-transform: none}
.font-underline {text-decoration: underline}
.font-through {text-decoration: line-through}
.font-replace {text-indent:-99999px}

/* Families */
.font-serif { font-family:Bodoni,Georgia, serif;}
.font-sans-serif, .font-sans { font-family:Helvetica, Arial, sans-serif;}
.font-myriad { font-family:'Myriad Pro',Helvetica,Arial,Geneva,sans-serif; }
.font-arial {font-family:Arial, sans-serif;}
.font-verdana {font-family:Verdana, sans-serif;}

.font-monospace { font-family:Consolas, Monaco, Courrier, "Lucida Console", monospace; }
.font-fantasy { font-family: Matrix, fantasy;}
.font-cursive {font-family: cursive;}
.font-content-serif {font-family:Garamond;}
.font-content-sans { font-family:"Lucida Grande","Seoge UI", "Trebuchet MS",Arial,sans-serif }
.font-title-serif { font-family:Times, "New Century Schoolbook", Garamond, serif; }
.font-title-sans { font-family:Frutiger, Interstate, Helvetica, "Seoge UI", Verdana, sans-serif; }

/* FLOAT */
.float-none {float:none}
.float-left {float:left}
.float-right {float:right}
.float-clear-left, .clear-left {clear:left}
.float-clear-right, .clear-right {clear:right}
.float-clear, .float-clear-both, .clear-both {clear:both}

/* LINKS */
a.underline-none:link {text-decoration: none}
a.underline-none:visited{text-decoration: none}
a.underline-none:hover {text-decoration: none}
a.underline-none:active{text-decoration: none}

a.underline-none-link:link {text-decoration: none}
a.underline-none-visited:visited{text-decoration: none}
a.underline-none-hover:hover {text-decoration: none}
a.underline-none-active:active{text-decoration: none}

/* MARGIN */
.margin-none {margin:0}
.margin-left-none {margin-left:0}
.margin-top-none {margin-top:0}
.margin-righ-nonet {margin-right:0}
.margin-bottom-none {margin-bottom:0}

/* RELATION */
.absolute {position:absolute}
.relative {position:relative}
.fixed {position:fixed}
.static {position:static}

/* PADDING */
.padding-none {padding:0}
.padding-left-none {padding-left:0}
.padding-top-none {padding-top:0}
.padding-right-none {padding-right:0}
.padding-bottom-none {padding-bottom:0}

/* POSITION */
.pos-left-none {left:0}
.pos-top-none {top:0}
.pos-right-none {right:0}
.pos-bottom-none {bottom:0}

/* Z INDEX */
.zback {z-index: 1}
.zbackward {z-index: 5}
.zforward {z-index: 10}
.zfront {z-index: 999}
